
@import '@/uni.scss';
@font-face {
	font-family: 'myFont';
	src: url('@/fonts/YouSheBiaoTiHei-2.ttf');
}

.my-font{
	font-family: 'myFont';
}

/* 弹性布局盒模型 */
.flex {
    display: flex;
}
/* 弹性布局盒模型可换行 */
.rowW {
    display: flex;
    flex-wrap: wrap;
}
/* 水平垂直居中 */
.centerXY {
    display: flex;
    justify-content: center;
    align-items: center;
}
/* 上下居中 */
.centerY {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
}
/* 横向排列 */
.rowX {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
}
/* 横向排列,所有元素放置于底部 */
.bottomY {
    display: flex;
    flex-direction: row;
    align-items: flex-end;
}
/* 左右居中 */
.centerX {
    display: flex;
    // flex-direction: column;
    justify-content: center;
    // align-items: center;
}
/* 纵向排列 */
.columnY {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}
/* 向左向右 */
.betweenX {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
/* 向上向下 */
.betweenY {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.rightX {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    /* justify-content: flex-end; */
}

.flex-w{
	flex: 1;
}

.shrink{
	flex-shrink: 0;
}

.text-right{
	text-align: right;
}

.text-center{
	text-align: center;
}

.color-grey{
	color: $uni-text-color-grey;
}

.color-theme{
	color: $uni-theme;
}

.color-white{
	color: $uni-white;
}

.bg-white{
	background: $uni-bg-white !important;
}

.bg-theme{
	background: $uni-bg-theme !important;
}

.bg-black{
	background: $uni-bg-black !important;
}

.bg-theme1{
	background: $uni-bg-theme1 !important;
}

.color-disable{
	color: $uni-text-color-disable;
}

.color-warning{
	color: $uni-color-warning;
}

.u-navbar__placeholder{
	background: transparent !important;
}

.u-navbar__content__title {
	color: white !important;
}

.u-cell__value {
	color: white !important;
}

// 全局 input placeholderClass
.input-style{
	font-size: 28rpx !important;
	color: rgba(255, 255, 255, 0.5) !important;
	background: transparent !important;
}

// 全局from 样式修改
.u-form-item__body{
	padding: 15rpx 0 !important;
	box-sizing: border-box;
}
 
.container {
	width: 751rpx;
	background: url('@/static/image/my-bg.png');
	background-size: 100% auto ;
	background-repeat: no-repeat;
	background-color: #02000b;
}

.color-black{
	color: #000000;
}

.swiper-width {
	width: 749.9rpx;
}

.color-dark{
	color: $uni-dark;
}


@for $i from 1 through 10{
	.font-w-#{$i*100}{
		font-weight: #{$i*100} !important;
	}
}

//  margin padding fontSize
@for $i from 1 through 200 {
	
	.radius#{$i} {
		border-radius:#{$i}rpx;
	}
	
	.gap#{$i}{
		gap:#{$i}rpx;
	}
	
	.multi#{$i} {
		display: -webkit-box ;
		white-space: normal;//换行
		overflow: hidden;
		text-overflow: ellipsis;
		word-break: break-all;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: #{$i};
	}
	
	.pad-#{$i}{
		padding: #{$i}rpx;
		box-sizing: border-box;
	}
	
	.pad-top-#{$i}{
		padding-top: #{$i}rpx;
		box-sizing: border-box;
	}
	
	.pad-bottom-#{$i}{
		padding-bottom: #{$i}rpx;
		box-sizing: border-box;
	}
	
    .pad-left-#{$i}{
		padding-left: #{$i}rpx;
		box-sizing: border-box;
	}
	
	.pad-left-right-#{$i}{
		padding-left: #{$i}rpx;
		padding-right: #{$i}rpx;
		box-sizing: border-box;
	}
	
	.pad-top-bottom-#{$i}{
		padding-top: #{$i}rpx;
		padding-bottom: #{$i}rpx;
		box-sizing: border-box;
	}
	
	.pad-right-#{$i}{
		padding-right: #{$i}rpx;
		box-sizing: border-box;
	}
	
	.mar-top-#{$i}{
		margin-top: #{$i}rpx;
	}
	
	.mar-bottom-#{$i}{
		margin-bottom: #{$i}rpx;
	}
	
	.mar-right-#{$i}{
		margin-right: #{$i}rpx;
	}
	
	.mar-#{$i}{
		margin: #{$i}rpx;
	}
	
	.mar-top-bottom-#{$i}{
		margin-top: #{$i}rpx;
		margin-bottom: #{$i}rpx;
		box-sizing: border-box;
	}
	
	.mar-left-right-#{$i}{
		margin-top: #{$i}rpx;
		margin-bottom: #{$i}rpx;
		box-sizing: border-box;
	}
	
	.mar-left-#{$i}{
		margin-left: #{$i}rpx;
	}
	
	.font-#{$i}{
		font-size: #{$i}rpx !important;
	}
}